<template>
	<view>
		<view class="gt-notice-warning">
			<i-icon name="error-warning-line" color="#e6a23c"></i-icon>
			<view style="margin-left: 15px;" v-html="content"></view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "gt-notice",
		props: {
			content: {
				type: String,
				default: function() {
					return ''
				}
			},
			content: {
				type: String,
				default: function() {
					return 'warning'
				}
			}
		},
		data() {
			return {}
		},
		mounted() {},
		onLoad() {},
		methods: {}
	}
</script>

<style>
	.gt-notice-warning {
		background-color: #fdf6ec;
		border: 1px solid #faecd8;
		color: #e6a23c;
		padding: 10px 15px;
		border-radius: 5px;
		display: flex;
		flex-direction: row;
		align-items: center;
	}
</style>